import styles from './styles.module.scss'
import { TDK } from '@/common/tdk'
import Link from 'next/link'
import classNames from 'classnames'
import RenderJudge from '../RenderJudge'
import SiteLogo from '@/assets/site_logo.png'
import { CloseOutline } from 'antd-mobile-icons'
import { useSafeState } from 'ahooks'
const Footer = ({ mobile }) => {
  const [showDownLoad, setShowDownLoad] = useSafeState(true)
  return (
    <>
      <div style={{ marginTop: "auto" }}>
        <aside className={classNames(styles.footer, mobile ? styles.h5footer : null)}>
          <section>
            <p>友情链接</p>
            <div>
              <Link href="https://www.xinqiutiyu.com">
                <a target="_blank">鑫球体育</a>
              </Link>
              <Link href="https://www.xinqiuzhibo.com">
                <a target="_blank">鑫球直播</a>
              </Link>
              <Link href="https://xinqiutiyu.com/onlinelive/basketball/1/NBA">
                <a target="_blank">NBA直播</a>
              </Link>
              <Link href="https://xinqiutiyu.com/onlinelive/football/xijia">
                <a target="_blank">西甲比赛直播</a>
              </Link>
              <Link href="https://xinqiutiyu.com/onlinelive/football/yingchao">
                <a target="_blank">英超免费直播</a>
              </Link>
              <Link href="https://xinqiutiyu.com/onlinelive/football/shijiebei">
                <a target="_blank">2022世界杯直播</a>
              </Link>



              <Link href="https://xinqiutiyu.com/onlinelive/football/ouguan">
                <a target="_blank">欧冠杯直播 </a>
              </Link>
              <Link href="https://xinqiutiyu.com/onlinelive/football">
                <a target="_blank">足球直播</a>
              </Link>
              <Link href="https://xinqiutiyu.com/onlinelive/basketball">
                <a target="_blank">篮球直播</a>
              </Link>
              <Link href="https://xinqiutiyu.com/video/NBA">
                <a target="_blank">NBA录像回放</a>
              </Link>
            </div>
          </section>
        </aside>
        <footer className={classNames(styles.info, mobile ? styles.h5info : null)}>
          <section>
            <p>© 2022Copyright</p>
            <p>鑫球体育网（如看球网，看球吧，直播吧，搜球8，球吧网）是一家综合性体育在线直播网站，JRs可免费无插件观看NBA直播,CBA直播,足球直播
              如2022世界杯直播,欧冠,英超,西甲,意甲,德甲,法甲,中超等赛事直播,鑫球体育为您做足准备！</p>
          </section>
        </footer>
      </div>
      <RenderJudge value={mobile && showDownLoad} active={
        <Link href={process.env.NEXT_PUBLIC_DOWNLOADLINK}>
          <a className={styles.download}>
            <div>
              <img src={SiteLogo?.src} alt="" />
              <span>
                <em>鑫球直播APP</em>
                <em>免费高清直播，24小时不停播！</em>
              </span>

            </div>
            <span className={styles.downbtn}>
              下载App
            </span>
            <CloseOutline className={styles.close} onClick={() => setShowDownLoad(false)} />
          </a>
        </Link>
      } />
    </>
  )



}



export default Footer